一个简单的QML工程

Posted on | In ,

什么是QML

QML是一套基于JavaScript的用于设计界面的框架，其优点是实现了界面设计和业务逻辑设计的分离

一个简单的QML工程

一个简单的QML工程包含两个部分：

  1. C++部分，主要用于初始化QML引擎并载入qml文件
1
2
3
4
5
6
7
8
9
10
11
12
#include <QGuiApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

    return app.exec();
}
  1. qml部分，包含着我们用于编写界面的QML文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import QtQuick 2.6             // Text
import QtQuick.Window 2.2      // Window

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")  // title of your gui

    Text{
        anchors.centerIn: parent  // center
        text : "Hello World";
        color: "red";
        font.pointSize: 20
    }
}

如何预览写好的QML界面

第一种方式就是直接编译工程，即可看到界面。

二是使用命令qml.exe或者qmlscene.exe后面跟着qml文件即可预览，如果没有该命令，那么先在QT安装文件夹下找到添加到环境变量里。

1
qmlscene main.qml

或者如果不使用命令行，可以新建一个qt prototype工程，将qml文件拷贝进去预览。

参考文献

0%